<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>HTML table Export</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/extensions/filter-control/bootstrap-table-filter-control.js"></script>


  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>

  <script type="text/javascript" src="../libs/pdfmake/pdfmake.min.js"></script>
  <script type="text/javascript" src="../libs/pdfmake/vfs_fonts.js"></script>

  <script type="text/javascript" src="../tableExport.js"></script>

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/extensions/export/bootstrap-table-export.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/extensions/toolbar/bootstrap-table-toolbar.js"></script>

  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.css" />

  <script type="text/javaScript">

  $(document).ready(function()
  {
    $('#table_sortSearchResult').bootstrapTable('refreshOptions', {
        exportOptions: {fileName: "tableExport",
                        pdfmake: {enabled:true}
                       }

    });
  });

  </script>
  </head>
  <body>
    <div class="container">
      <div id="toolbar">
      </div>
      <table class="std_table"
            id="table_sortSearchResult"
            data-toggle="table"
            data-maintain-selected="true"
              data-sort-name="Zeitpunkt"
            data-sort-order="asc"
              data-search="true"
              data-show-pagination-switch="true"
              data-pagination="true"
              data-page-list="[10, 25, 50, 100, ALL]"
                data-page-size="25"
              data-show-footer="false"
              data-side-pagination="client"
              data-show-export="true"
              data-export-types="['excel', 'pdf']"
              data-export-options='{
              }'
            data-click-to-select="true"
          >
      <thead>
        <tr>
          <th data-field="Zeitpunkt" data-sortable="true" data-sorter="dateSorter">
            Zeitpunkt
          </th>
          <th data-field="Geändert von" data-sortable="true">
            Geändert von
          </th>
          <th data-field="Art" data-sortable="true">
            Art
          </th>
          <th data-field="Objekt" data-sortable="false">
            Objekt
          </th>
          <th data-field="Änderungen" data-sortable="false">
            Änderungen
          </th>
          <th data-field="Alte Werte" data-sortable="false">
            Alte Werte
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>21.03.2017 11:20:12</td>
          <td>admin \n new line</td>
          <td>Modifikation
          new line</td>
          <td>maxi.aigner, Lehrer, <b>ALP</b>, GS, test, </td>
          <td><b>givenName</b>:= Maximilian P.<br>mebisASVUID:-<br>mebisDeactivated:-<br><b>mebisIsNewsletter</b>:= FALSE</td>
          <td><b>givenName</b>: Maximilian<br><b>mebisASVUID</b>: 3cbe1b2ce1b517e1126689bc92e73472<br><b>mebisDeactivated</b>: FALSE</td>
          </tr>
        <tr>
          <td>22.03.2017 17:55:26</td>
          <td>admin</td>
          <td>Modifikation</td>
          <td>maxi.aigner, Lehrer, ALP, GS, test, </td>
          <td><b>givenName</b>:= Maximilian PQ.</td>
          <td><b>givenName</b>: Maximilian P.</td>
          </tr>
      </tbody>
      </table>
    </div>
  </body>
</html>
